		body {
			background-color: rgb(220,220,220);
			padding: 0;
			margin: 0;
			font-size: 16px;
			font-family: sans-serif;
		}
		.clearfix:after {
			content: "";
			display: block;
			height: 0;
			width: 0;
			clear: both;
		}
		.admin-panel {
			margin: 10px auto;
		}
		/*slidebar侧边栏*/
		.slidebar {
			width: 12%;
			min-height: 690px;
			float: left;
			border-right: 1px solid rgb(235,235,235);
			background-color: rgb(247,247,247);
		}
		.slidebar .logo {
			height: 145px;
			border-bottom: 1px solid rgb(235,235,235);
		}
		.slidebar ul {
			padding: 0;
			margin:0;
		}
		.slidebar li {
			list-style-type: none;
			margin: 0;
			position: relative;
		}

		.slidebar ul a {
			color: rgb(140,140,140);
			text-decoration: none;
			font:16px/40px helvetica,verdana,sans-serif;
			box-sizing:border-box;
			border-bottom: 1px solid rgb(235,235,235);
			display: block;
			box-shadow:inset 0 1px 0 rgb(255,255,255);
			text-indent: 20px;
			text-transform: capitalize;
		}
		.slidebar li:hover a {
			background-color: rgb(255,255,255);
			box-shadow: 1px 0 0 rgb(255,255,255),inset 5px 0 0 -1px rgb(234,83,63);
		}
		/*main*/
		.main {
			float: left;
			width: 88%;
			height: 690px;
			background-color: rgb(255,255,255);
			position: relative;
			font-family: helvetica,verdana,sans-serif;
		}
		.main .topbar {
			border-bottom: 1px solid rgb(235,235,235);
			margin: 0;
			padding: 0;
		}
		/*topbar顶部按钮栏*/
		.topbar li {
			float: right;
			list-style: none;
		}
		.topbar li:first-child {float: left;}
		.topbar a {
			font-family: 'icomoon';
			display: block;
			line-height: 50px;
			width: 50px;
			text-align: center;
			text-decoration: none;
			color: rgb(102,102,102);
			border-left: 1px solid rgb(235,235,235);
		}
		.topbar a:hover {
			background-color: rgb(247,247,247);
		}
		.topbar li:first-child a {
			border: none;
			border-right: 1px solid rgb(235,235,235);
		}
		/*mainContent*/
		.mainContent h4 {
			line-height: 1;
			font-size: 18px;
			margin: 1.3em 0 1em;
			margin-left: 17px;
		}
		
		.mainContent>div {
			position: absolute;
			opacity: 0;
			-webkit-transition:opacity 200ms linear;
			-moz-transition:opacity 200ms linear;
			-ms-transition:opacity 200ms linear;
			transition:opacity 200ms linear;
		}
		/*通过opacity来切换不同的选项卡*/
		.mainContent>div:target {
			opacity: 1;
		}
		.mainContent h2 {
			margin:1em 30px;
			color: rgb(234,83,63);
			font-size: 20px;
		}
		.mainContent h2:before {
			font-family: 'icomoon';
			content: attr(data-icon);
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			margin-right: 10px;
			-webkit-font-smoothing: antialiased;
		}
		.mainContent div:nth-child(1) h2:before {content: "\63";}
		.mainContent div:nth-child(2) h2:before {content: "\64";}
		.mainContent div:nth-child(3) h2:before {content: "\62";}
		.mainContent div:nth-child(4) h2:before {content: "\65";}
		.mainContent div:nth-child(5) h2:before {content: "\74";}
		.mainContent div:nth-child(6) h2:before {content: "\66";}
		.mainContent div:nth-child(7) h2:before {content: "\67";}
		.mainContent div:nth-child(8) h2:before {content: "\68";}
		.mainContent div:nth-child(9) h2:before {content: "\69";}
		.mainContent div:nth-child(10) h2:before {content: "\6a";}
		.mainContent div:nth-child(11) h2:before {content: "\75";}

		#dashboard>div {
			border: 1px solid rgb(235,235,235);
			margin-left: 30px;
			float: left;
			border-radius: 5px;
			min-width: 345px;
			height: 262px;
			display: inline-block;
		}
		.discussions .comments {color: rgb(27,106,173);}
		.discussions .approved {color: rgb(105,174,48);}
		.discussions .pending {color: rgb(246,129,15);}
		.discussions .spam {color: rgb(243,47,47);}
		.quick-press form {
			margin:0 20px 0 13px;
		}
		.quick-press input[type="text"] {
			display: block;
			width: 100%;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			height: 35px;
			line-height: 15px;
			padding: 10px 0;
			margin:0 0 7px 0;
			background-color: rgb(246,246,246);
			outline: none;
			border: none;
			text-indent: 10px;
		}
		/*统一各浏览器下placeholder内的字体样式*/
		.quick-press input[type="text"]::-webkit-input-placeholder {font-size: 14px;}
		.quick-press input[type="text"]:-moz-input-placeholder {font-size: 14px;}
		.quick-press input[type="text"]::-moz-input-placeholder {font-size: 14px;}
		.quick-press input[type="text"]:-ms-input-placeholder {font-size: 14px;}

		.quick-press button {
			margin-top: 13px;
			border-radius: 5px;
			text-align: center;
			line-height: 30px;
			padding: 0;
		}
		.quick-press .save, .quick-press .delet {
			font-family: 'icomoon';
			width: 37px;
			background: -webkit-linear-gradient(top,rgb(246,246,240),rgb(232,232,232));
			background: -moz-linear-gradient(top,rgb(246,246,240),rgb(232,232,232));
			background: -ms-linear-gradient(top,rgb(246,246,240),rgb(232,232,232));
			background: linear-gradient(top,rgb(246,246,240),rgb(232,232,232));
			border: 1px solid rgb(229,229,229);	
			color: rgb(102,102,102);				
			float: left;
			margin-right: 5px;
		}
		.quick-press .save:hover, .quick-press .delet:hover {
			background: -webkit-linear-gradient(top,rgb(232,232,232),rgb(246,246,240));
			background: -moz-linear-gradient(top,rgb(232,232,232),rgb(246,246,240));
			background: -ms-linear-gradient(top,rgb(232,232,232),rgb(246,246,240));
			background: linear-gradient(top,rgb(232,232,232),rgb(246,246,240));
		}
		.quick-press .save:active, .quick-press .delet:active {
			background: -webkit-linear-gradient(top,rgb(228,228,228),rgb(210,210,210));
			background: -moz-linear-gradient(top,rgb(228,228,228),rgb(210,210,210));
			background: -ms-linear-gradient(top,rgb(228,228,228),rgb(210,210,210));
			background: linear-gradient(top,rgb(228,228,228),rgb(210,210,210));
		}
		.quick-press .submit {
			float: right;
			width: 70px;
			border: 1px solid rgb(238,85,64);
			color: #fff;
			font-size: 16px;
			background: -webkit-linear-gradient(top,rgb(245,101,82),rgb(234,83,63));
			background: -moz-linear-gradient(top,rgb(245,101,82),rgb(234,83,63));
			background: -ms-linear-gradient(top,rgb(245,101,82),rgb(234,83,63));
			background: linear-gradient(top,rgb(245,101,82),rgb(234,83,63));
		}
		.quick-press .submit:hover {
			background: -webkit-linear-gradient(top,rgb(220,85,70),rgb(210,65,53));
			background: -moz-linear-gradient(top,rgb(220,85,70),rgb(210,65,53));
			background: -ms-linear-gradient(top,rgb(220,85,70),rgb(210,65,53));
			background: linear-gradient(top,rgb(220,85,70),rgb(210,65,53));
		}
		/*logo*/
		.logo img {
			width: 88px;
			height: 88px;
			display: inline-block;
			position: relative;
			left: 50%;
			top: 50%;
			margin: -45px 0 0 -45px;
			border: 1px solid rgb(200,200,200);
			border-radius: 50%;
			background-color: rgb(214,214,214);
		}
		
		/*statusbar底部功能按钮*/
		@font-face {
			font-family: 'icomoon';
			src:url('fonts/icomoon.eot');
			src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
				url('fonts/icomoon.woff') format('woff'),
				url('fonts/icomoon.ttf') format('truetype'),
				url('fonts/icomoon.svg#icomoon') format('svg');
			font-weight: normal;
			font-style: normal;
		}